  <!DOCTYPE html>
                            <html>
                            <head>
                                <meta charset='UTF-8'>
                                <meta name='viewport' content='width=device-width, initial-scale=1.0'>
                                <title>博主管理</title>
                                <link href='https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.8/css/bootstrap.min.css' rel='stylesheet'>
                                <link rel='stylesheet' href='https://cdn.bootcdn.net/ajax/libs/font-awesome/7.0.0/css/all.min.css'>
                                <style>
                                    body { 
                                        padding: 20px; 
                                        background-color: #f8f9fa;
                                        font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
                                    }
                                    .blogger-card {
                                        border-radius: 10px;
                                        overflow: hidden;
                                        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
                                        margin-bottom: 20px;
                                    }
                                    .blogger-avatar {
                                        width: 80px;
                                        height: 80px;
                                        border-radius: 50%;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        color: white;
                                        font-size: 2rem;
                                        margin: -40px auto 15px;
                                        border: 3px solid white;
                                        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
                                    }
                                </style>
                            </head>
                            <body>
                                <div class='d-flex justify-content-between align-items-center mb-4'>
                                    <h4>博主管理</h4>
                                    <button class='btn btn-primary'><i class='fas fa-plus me-2'></i>添加博主</button>
                                </div>
                                
                                <div class='row'>
                                    <div class='col-md-4'>
                                        <div class='blogger-card bg-white text-center'>
                                            <div style='height: 120px; background: linear-gradient(90deg, #ff6b9d, #a16ae8);'></div>
                                            <div class='blogger-avatar' style='background: linear-gradient(45deg, #ff9a9e, #fad0c4);'>
                                                <i class='fas fa-user'></i>
                                            </div>
                                            <div class='p-3 pt-0'>
                                                <h5>美妆小雅</h5>
                                                <p class='text-muted'>专业美妆博主</p>
                                                <div class='d-flex justify-content-between align-items-center'>
                                                    <span class='text-primary fw-bold'>12.8w 粉丝</span>
                                                    <div>
                                                        <button class='btn btn-sm btn-outline-primary me-1'><i class='fas fa-edit'></i></button>
                                                        <button class='btn btn-sm btn-outline-danger'><i class='fas fa-trash'></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class='col-md-4'>
                                        <div class='blogger-card bg-white text-center'>
                                            <div style='height: 120px; background: linear-gradient(90deg, #a16ae8, #ffb367);'></div>
                                            <div class='blogger-avatar' style='background: linear-gradient(45deg, #a1c4fd, #c2e9fb);'>
                                                <i class='fas fa-user'></i>
                                            </div>
                                            <div class='p-3 pt-0'>
                                                <h5>时尚莉莉</h5>
                                                <p class='text-muted'>穿搭时尚达人</p>
                                                <div class='d-flex justify-content-between align-items-center'>
                                                    <span class='text-primary fw-bold'>9.5w 粉丝</span>
                                                    <div>
                                                        <button class='btn btn-sm btn-outline-primary me-1'><i class='fas fa-edit'></i></button>
                                                        <button class='btn btn-sm btn-outline-danger'><i class='fas fa-trash'></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class='col-md-4'>
                                        <div class='blogger-card bg-white text-center'>
                                            <div style='height: 120px; background: linear-gradient(90deg, #ffb367, #5cdb95);'></div>
                                            <div class='blogger-avatar' style='background: linear-gradient(45deg, #d4fc79, #96e6a1);'>
                                                <i class='fas fa-user'></i>
                                            </div>
                                            <div class='p-3 pt-0'>
                                                <h5>生活方式小美</h5>
                                                <p class='text-muted'>品质生活分享者</p>
                                                <div class='d-flex justify-content-between align-items-center'>
                                                    <span class='text-primary fw-bold'>15.2w 粉丝</span>
                                                    <div>
                                                        <button class='btn btn-sm btn-outline-primary me-1'><i class='fas fa-edit'></i></button>
                                                        <button class='btn btn-sm btn-outline-danger'><i class='fas fa-trash'></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </body>
                            </html>